<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media only screen and (min-width: 1600px) and (max-width: 1920px){
	.main_image li span{height:600px;}
.main_image {height:600px;}
.flicking_con{top:560px;}
}
@media only screen and (min-width: 1600px) and (max-width: 1800px){
	.main_image li span{height:525px;}
.main_image {height:525px;}
.flicking_con{top:480px;}
}
@media only screen and (min-width: 1500px) and (max-width: 1600px){
	.main_image li span{height:500px;}
.main_image {height:500px;}
.flicking_con{top:480px;}
}
@media only screen and (min-width: 1440px) and (max-width: 1500px){
	.main_image li span{height:470px;}
.main_image {height:470px;}
.flicking_con{top:430px;}
}
@media only screen and (min-width: 1360px) and (max-width: 1440px){
	.main_image li span{height:450px;}
.main_image {height:450px;}
.flicking_con{top:410px;}
}
@media only screen and (min-width: 1300px) and (max-width: 1360px){
	.main_image li span{height:438px;}
.main_image {height:438px;}
.flicking_con{top:410px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1360px){
	.main_image li span{height:425px;}
.main_image {height:425px;}
.flicking_con{top:385px;}
}
@media only screen and (min-width: 1170px) and (max-width: 1280px){
	.main_image li span{height:400px;}
.main_image {height:400px;}
.flicking_con{top:360px;}
}

@media only screen and (min-width: 1170px) {
.kd{width:1175px; margin:0 auto;}
.ap_nav{display:none;}
.w31{width:31%;}
.w65{width:65%;}
.w31n{width:31%;}
.w65n{width:65%;}
.pd{padding:40px 0;}
.pc_no{display:none;}
.in_pronav a{margin:0 36px;}
.in_pronav{margin-left:240px;}
.in_prolist ul li{margin:15px 12px; float:left;}
.in_gg ul li{float:left;}
.in_gg ul li:nth-child(2){margin:25px 160px 0;}
.in_gg ul li:nth-child(3){margin-top:25px;}
.in_abtlf{float:left;}
.in_abtrt{width:510px; float:right;}
.in_abticon img{padding:0 30px 10px;}
.choi_nav a{width:25%;}
.in_xzlf{float:left; width:635px;}
.in_xzrt{float:right; width:500px; margin-top:47px;}
.cards .card {width: 370px; margin:25px 10px 0;}
.page3{height:790px;}
.ft_pro,.ft_ct{float:left;}
.ft_ct{width:250px; margin-left:10px;}
.ft_msg{float:right; width:300px; margin-top:27px;}
.bq_lf{float:left;}
.bq_rt{float:right;}
.m_lf{width:270px; float:left;}
.m_rt{width:870px; float:right;}
.lf_list ul li a{height:60px; line-height:60px;}
.main{background:url(img/m_bg.jpg) repeat-y center center; margin-top:30px; padding-bottom:50px;}
.pro_list ul li img{width:268px; height:232px;}
.pro_list{margin-left:-29px;}
.pro_list ul li{float:left; width:270px; margin:30px 0 0 29px;}
.pro_lf{float:left;}
.pro_rt{float:right; width:370px;}
#factory2 li{width:468px; height:405px;}
.pro_rt h3{padding-top:60px;}
.news_list ul li img{width:290px; height:150px;}
.news_list ul li span{width:540px;}
.news_lb{float:right;}
.news_ll{float:left;}
.ry_list{margin-left:-27px;}
.ry_list ul li img{width:260px; height:370px;}
.ry_list ul li{float:left; margin:29px 0 0 27px;}
.fw_list ul li{float:left;}
.fw_nr{width:730px; margin:-50px auto 0;}
.fw_list ul li{width:330px; padding:25px 0 0 25px;}
.fw_list ul li:nth-child(7){ width:100%;}
.ct_lf{float:left; width:240px;}
.ct_rt{float:right; width:624px; border:2px solid #e5e5e5;}
.ct_txt{width:400px; padding:0 10px;}
.ct_txt2{width:848px; padding:0 10px;}
.ct_txt3{width:848px; padding:10px;}
.in_prolist ul li dd{width:268px; height:232px; overflow:hidden;}
.in_prolist ul li img{width:268px; height:232px;transition:all  500ms;-webkit-transition:all  500ms;-moz-transition:all  500ms;-o-transition:all  500ms;}
.in_prolist ul li a:hover img{width:308px; height:267px; margin-top:-17px; margin-left:-20px;}
.in_abtlf img{width:631px; height:452px;}
.in_abtlf a:hover img{width:681px; height:488px; margin-top:-18px; margin-left:-25px;}
.in_abtlf{width:631px; height:452px; overflow:hidden;}
.in_xzlf{width:626px; height:481px;}
.in_xzlf img{ width:626px; margin:auto; display:block; height:481px;animation:b1d 6s infinite linear;-webkit-animation:b1d 6s infinite linear;}
@keyframes b1d{
	0%{ width:576px; height:443px; margin-top:19px;}
	50%{width:626px; height:481px; margin-top:0;}
	100%{width:576px; height:443px; margin-top:19px;}
}
@-webkit-keyframes b1d{
	0%{ width:576px; height:443px; margin-top:19px;}
	50%{width:626px; height:481px;margin-top:0;}
	100%{width:576px; height:443px; margin-top:19px;}
}
.in_pro2 img{ width:468px; height:406px;transition:all  500ms;-webkit-transition:all  500ms;-moz-transition:all  500ms;-o-transition:all  500ms;}
.in_pro2 dd{ width:468px; height:406px; overflow:hidden; margin:0 auto;}
.in_pro2 a:hover img{width:508px; height:441px; margin-left:-20px; margin-top:-17px;}
	}
/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1170px) {
.ap_no{display:none;}
.nav{display:none;}
.pd{padding:25px 4%;}
.ap_ct{text-align:center;}
.w65{width:60%; margin:0 2.5%;}
.w31{width:30%; margin:0 2.5%;}
.w31n{display:none;}
.w65n{width:90%; margin:0 5%; }
.logo2{ position:absolute; top:20px; left:20px; z-index:1000;}
.logo2 img{display:block; height:35px;}
.head{height:75px;}
.ap_nav{display:block;}
.main_image li span{height:280px;}
.main_image {height:280px;}
.sz60{font-size:60%;}
.sz80{font-size:80%;}
.flicking_con{top:260px;}
.in_pronav a{margin:0 12px;}
.in_prolist ul li{margin:15px 1.666%; float:left; width:30%;}
.in_prolist ul li img{width:100%;}
.in_gg{padding:0 4% 15px;}
.in_abticon img{padding:0 30px 10px;}
.in_abtjj a{display:block; padding-top:10px; text-align:center;}
.choi_nav a{width:25%;}
.cards .card {width: 46%; margin:25px 2% 0;}
.page3{height:395px; overflow:hidden;}
.bq{padding:20px 4%;}
.bq_lf{float:left;}
.bq_rt{float:right;}
.main{padding:25px 4%;}
.lf_bt a{height:60px; line-height:60px;}
.lf_list ul li a{line-height:40px; height:40px;}
.pro_list{margin-left:-4%;}
.pro_list ul li {float:left; width:46%; margin:20px 0 0 4%;}
.pro_list ul li img{width:100%;}
#factory2 li{width:70%; margin:0 auto;}
.news_list ul li img{width:42%}
.news_list ul li span{width:55%;}
.ry_list ul li img{width:100%;}
.ry_list ul li{float:left; width:46%; margin:20px 0 0 4%;}
.ry_list{margin-left:-4%;}
.fw_list ul li{ padding:20px 4% 0;}
.ct_rt{margin-top:20px; border:1px solid #e5e5e5;}
.ct_txt{padding:0 5%; margin-top:25px; width:88%; float:none;}
.ct_msg ul li:nth-child(1){margin-top:-25px; padding-bottom:0;}
.ct_txt2{width:88%; padding:0 5%;}
.ct_txt3{width:88%; padding:0 5%;}
.in_abtlf img{max-width:100%;}
.in_xzlf img{max-width:100%;}
.in_pro2 img{display:block; margin:0 auto; max-width:100%;}
	}
/** iPhone **/
@media only screen and (max-width: 767px) {
.ap_no{display:none;}
.ap_nav{display:block;}
.ap_ct{text-align:center;}
.main_image li span{height:120px;}
.main_image {height:120px;}
.pd{padding:25px 4%;}
.sz60{font-size:60%;}
.sz80{font-size:80%;}
.w31{width:90%; padding:0 5%;}
.w65{width:90%; padding:0 5%;}
.w65n{width:90%; margin:0 5%; }
.head{height:75px;}
.logo2{ position:absolute; top:20px; left:20px; z-index:1000;}
.logo2 img{display:block; height:35px;}
.flicking_con{top:100px;}
.in_pronav a{margin:0 12px 15px;}
.in_pronav a:nth-child(2){float:right;}
.in_pronav a:nth-child(3){float:left; clear:both;}
.in_pronav a:nth-child(4){float:right;}
.in_prolist ul li{margin:15px auto;}
.in_prolist ul li img{width:100%;}
.in_gg{padding:0 4% 15px;}
.in_gg ul li{text-align:center;}
.in_gg ul li span{ text-align:center; float:none;}
.in_gg ul li span h3{display:table; margin:10px auto 0;}
.in_gg ul li span img{margin:0 auto;}
.in_abticon img{padding:0 3.5% 10px; width:18%;}
.in_abtjj a{display:block; padding-top:10px; text-align:center;}
.in_szse ul li{width:50%; text-align:center; margin:10px 0;}
.choi_nav a{width:50%;}
.cards .card {width: 100%; margin-top:25px;}
.page3{height:1185px; overflow:hidden;}
.bq{padding:20px 4%;}
.bq_lf a{display:block;}
.bq_rt{ padding-top:10px;}
.main{padding:25px 4%;}
.lf_bt a{height:60px; line-height:60px;}
.lf_list ul li a{line-height:40px; height:40px;}
.pro_list ul li {float:left; width:100%; margin:20px 0 0 0;}
.pro_list ul li img{width:100%;}
#factory2 li{width:100%;}
.news_list ul li img{float:none; width:100%;}
.news_list ul li span{float:none; padding-top:10px;}
.news_list ul li h6{position:static; float:right; margin-right:-17px;}
.ry_list ul li img{width:100%;}
.ry_list ul li{float:left; width:44%; margin:20px 0 0 4%;}
.ry_list{margin-left:-4%;}
.fw_list ul li{ padding:20px 4% 0; line-height:24px;}
.ct_rt{margin-top:20px; border:1px solid #e5e5e5;}
.ct_txt{padding:0 5%; margin-top:25px; width:88%; float:none;}
.ct_msg ul li:nth-child(1){margin-top:-25px; padding-bottom:0;}
.ct_txt2{width:88%; padding:0 5%;}
.ct_txt3{width:88%; padding:0 5%;}
.in_abtlf img{width:100%;}
.in_xzlf img{width:100%;}
.in_pro2 img{display:block; margin:0 auto; max-width:100%;}
	}
	</pre></body></html>